<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>01jQuery属性操作2</title>
    <script src="../03jquery/js/jquery-3.6.0.js"></script>
    <script>
        // attr() 可以设置和获取属性的值，不推荐操作 checked、readOnly、selected、disabled 等等 attr 方法还可以操作非标准的属性。比如自定义属性：abc,bbj
        // prop() 可以设置和获取属性的值,只推荐操作 checked、readOnly、selected、disabled 等等
        $(function () {
            // attr()
            $("#div1").attr("style", "color: red;  font-size: 3em;");
            $("#div2").prop("style", "color: blue; font-size: 4em;");

        });
    </script>
</head>
<body>
<div id="div1">div1</div>
<div id="div2">div2</div>
</body>
</html>